<em>import React from 'react'</em>
<em>import { <q>Routes</q>, <q>Route</q>, } from 'react-router-dom'</em>
<em># 外部页面</em>
<em>const</em> <u>News</u> 		= <em>( ) => import('@pages/main/news')</em>
<em>const</em> <u>About</u> 		= <em>( ) => import('@pages/main/news')</em>
<em># 子路由</em>
<em>const</em> <b>ChildRouter</b> 	= <em>( ) => (
	<q>&lt;Routes&gt;</q>
		<q>&lt;Route</q> 	<b>path</b> = '<s>/</s>' 			<b>element</b> = <i>{</i> <u>&lt;About/&gt;</u> <i>}</i> <q>/&gt;</q>
		<q>&lt;Route</q> 	<b>path</b> = '<s>/my</s>' 			<b>element</b> = <i>{</i> <u>&lt;News/&gt;</u> <i>}</i> <q>/&gt;</q>
		<q>&lt;Route</q> 	<b>path</b> = '<s>my</s>' 			<b>element</b> = <i>{</i> <u>&lt;News/&gt;</u> <i>}</i> <q>/&gt;</q>
	<q>&lt;/Routes&gt;</q>
)
<em># 内部页面</em>
<em>const</em> <u>Main</u> = ( ) => (
	<em>&lt;div&gt;</em>
		<em>...</em>
		<b>&lt;ChildRouter /&gt;</b>
		<em>...</em>
	<em>&lt;div&gt;</em>
)
<em>export default ( ) =></em> (
	<q>&lt;Routes&gt;</q>
		<em># 嵌套路由，访问路径：'main/my'</em>
		<q>&lt;Route</q> 	<b>path</b> = '<s>main/*</s>' 		<b>element</b> = <i>{</i> <u>&lt;Main/&gt;</u> <i>}</i> <q>/&gt;</q>
		<q>&lt;Route</q> 	<b>path</b> = '<s>/main/*</s>' 		<b>element</b> = <i>{</i> <u>&lt;Main/&gt;</u> <i>}</i> <q>/&gt;</q>
	<q>&lt;/Routes&gt;</q>
)